div.item {
    div{
        border: 10px solid;
        border-image: linear-gradient(45deg, gold, deeppink) 1;
        clip-path: inset(0px round 10px);
        animation: huerotate 6s infinite linear;
        /*
        hue-rotate() (en-US) 函数在输入图像上应用色相旋转。
            angle 一值设定图像会被调整的色环角度值。值为 0deg，则图像无变化。
            若值未设置值，默认为 0deg。该值虽然没有最大值，超过 360deg 的值相当于又绕一圈。

        svg 元素 失效！！
        */
        filter: hue-rotate(360deg);
    }
    @keyframes huerotate {
        0% {
            filter: hue-rotate(0deg);
        }
        100% {
            filter: hue-rorate(360deg);
        }
    }
}